<template>
  <div id="app">
    <div class="container-fluid">
      <div class="row">
        <!-- 栅格系统，小屏、超小屏隐藏右边模块 -->
        <div class="col-xs-12 col-sm-12 col-md-8">
          <!-- 导航栏单组件 -->
            <navs></navs>
            <!-- 卡片组件 -->
            <cards></cards>
            <!-- 底部信息 -->
            <footers></footers>
        </div>
        <div class="hidden-xs hidden-sm col-md-4">
            <!-- 左部组件 -->
            <lefts></lefts>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
// 引入导航栏组件
import navs from './views/nav'
// 导入card组件
import cards from './views/card'
// 引入底部
import footers from './views/footer'

// 引入左部组件
import lefts from './views/left'
export default {
  components: {
    navs,
    cards,
    footers,
    lefts
  }
}

</script>
<style>
</style>
